

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>主页面</title>
        <!--import引入-->
        <!-- <link rel="import" href="http://www.baidu.com" id="page1"/> -->
        <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
        <script>
          $(document).ready(function(){
        	    
        	  var id  = $("#id").val();

         	  var officeProperty  = $("#officeProperty").val();
         	  var purpose  = $("#purpose").val();
    
        	  //
        	  var vtitle="房源详情";
    		  var vbackTitle="";
			  var vbackPathName ="";
			  var vdetail="";
        	  //出租
        	  if(officeProperty==0){
        		   //写字楼
        		  if(purpose==1){
        			   vbackTitle="写字楼租赁";
           			   vbackPathName ="office-leasing";
           			   vdetail="detail";
        		/* 	   vbackTitle="写字楼买卖";
           			   vbackPathName ="office-sale";
           			   vdetail="detail"; */
        		  }else{
        			  //商铺
        			    vbackTitle="商铺租赁";
        			    vbackPathName ="shop-leasing";
        			    vdetail="shop-detail"
       			/*    vbackTitle="写字楼租赁";
       			   vbackPathName ="office-leasing";
       			   vdetail="detail"; */
        		  }
        	  }else{
        		   //写字楼
        		  if(purpose==1){
        			   vbackTitle="写字楼买卖";
          			   vbackPathName ="office-sale";
          			   vdetail="detail";
        /* 			   vbackTitle="商铺买卖";
        			   vbackPathName ="shop-sale";
        			   vdetail="shop-detail"; */
        		  }else{
        			  //商铺
        		/* 	   vbackTitle="商铺租赁";
        			   vbackPathName ="shop-leasing";
        			   vdetail="shop-detail"; */
	       			   vbackTitle="商铺买卖";
	    			   vbackPathName ="shop-sale";
	    			   vdetail="shop-detail";
        			
        		  }
        	  }

        	  var aa ="http://www.fangbanban.com/" + "#/"+vdetail+"?id="+id+"&title="+vtitle+"&backTitle="+vbackTitle+"&backPathName="+vbackPathName+"";
        	  $("#preview").attr("src",aa);
        	          	  
               //$("#app").load("http://localhost:8080/detail?id=105&title=%E6%88%BF%E6%BA%90%E8%AF%A6%E6%83%85");
           });
          </script>
          
       <style>
*{
padding:0;
margin:0;
}
#app{
width:100vw;
height:100vh;
position: relative;
overflow: hidden;
}
.wrap{
width:100%;
height:100%;
position: relative;
overflow-x: auto;
overflow-y: hidden;
transform: scale(0.92);
}
iframe{
width:100%;
min-width: 1200px;
height:100%;
position: relative;
border:none;
box-sizing: border-box;
}
.mask{
position:absolute;
top:0;
left:0;
width:95%;
height:95%;
}
</style>

    </head>
  <body>
    <noscript>
      <strong>We're sorry but fe-xiezilou doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app">
    	 
    	 <input id="id"  name="id"  th:value="${id}"  type="hidden" >
    	 <input id="officeProperty"  name="officeProperty"  th:value="${officeProperty}"  type="hidden" >
         <input id="purpose"  name="purpose"  th:value="${purpose}"  type="hidden" >
        <div class="wrap">
         <!--import在头部引入，里面是啥就是啥-->
         	<iframe id="preview"  >
          
       		 </iframe>
       			 <div class="mask"></div>
        </div>
        
        
         
    </div>

  </body>
</html>